<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="copyright" content="http://www.appcms.org" />
<link rel="stylesheet" href="skin/base.css">
<script src="js/zy_control.js"></script>
<script src="js/zy_click.js"></script>
<script src="js/zy_event.js"></script>
<script src="js/config.js"></script>
<script src="js/common.js"></script>
<style>
	#items{
		-webkit-animation:bounceInLeft 1s .2s ease both;
		-moz-animation:bounceInLeft 1s .2s ease both;
	}
	@-webkit-keyframes bounceInLeft{
		0%{opacity:0;
		-webkit-transform:translateX(-2000px)}
		60%{opacity:1;
		-webkit-transform:translateX(30px)}
		80%{-webkit-transform:translateX(-10px)}
		100%{-webkit-transform:translateX(0)}
	}
	@-moz-keyframes bounceInLeft{
		0%{opacity:0;
		-moz-transform:translateX(-2000px)}
		60%{opacity:1;
		-moz-transform:translateX(30px)}
		80%{-moz-transform:translateX(-10px)}
		100%{-moz-transform:translateX(0)}
	}
	
</style>
</head>
<body ontouchstart>
<div id="main" class="box-ver box">
	<div id="header">
  		<div class="title">
			<span class="txt">test</span>
		</div>
		<div class="stab" id="stab">
			<div class="items" id="items">
				<div class="item" id="item" style="left: 0px;">
					<div id="item_0" onclick="mat(1);" class="cur"><span>全部</span></div>
					<div id="item_1" onclick="mat(3);"><span>美食</span></div>
					<div id="item_2" onclick="mat(6);"><span>休闲娱乐</span></div>
					<div id="item_3" onclick="alert('coupons_40');"><span>宾馆住宿</span></div>
					<div id="item_4" onclick="alert('coupons_45');"><span>便民家政</span></div>
					<div id="item_5" onclick="alert('coupons_57');"><span>美容美发</span></div>
					<div id="item_6" onclick="alert('coupons_62');"><span>汽车服务</span></div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script>
	zy_init();
    window.uexOnload = function(type){
        if (!type){
			showclass();
        }
    }
	
	function mat(ln){
		var page = Math.ceil(ln/4);
		alert(page);
	}
	
	
	
</script>
</html>